<template>
    <j-modal
      :title="title"
      :width="width"
      :visible="visible"
      switchFullscreen
      @ok="handleOk"
      :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
      @cancel="handleCancel"
      cancelText="关闭">
      <password-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></password-form>
    </j-modal>
  </template>
  
  <script>
    import PasswordForm from './PasswordForm'
    export default {
      name: "TenantModal",
      components: {
        PasswordForm
      },
      data () {
        return {
          title:'修改密码',
          width:800,
          visible: false,
          disableSubmit: false
        }
      },
      methods: {
        add (info) {
            console.log(info ,'modal');
          this.visible=true
          this.$nextTick(()=>{
            this.$refs.realForm.show(info);
          })
        },
        edit (record) {
          this.visible=true
          this.$nextTick(()=>{
            this.$refs.realForm.show(record);
          })
        },
        close () {
          this.$emit('close');
          this.visible = false;
        },
        handleOk () {
          this.$refs.realForm.submitForm();
        },
        submitCallback(){
          this.$emit('ok');
          this.visible = false;
        },
        handleCancel () {
          this.close()
        }
      }
    }
  </script>